<template>
  <view class="myBounty">
    <view class="myBountyTop">
      <view class="myBountyTopText">
        <view>我的赏金(元)</view>
        <view class="myBountyTopTextMony">{{moneyCount}}</view>
      </view>
    </view>
    <view style="padding:16px 0" class="recruitDetailsZWMS">
      <text class="zwmsBorder"></text>赏金明细
    </view>
    <view class="myBountyCon" v-for="i in deliverRecordVOList" :key="i">
      <view class="myBountyConTime">
        <view>来自我的分享</view>
        <view>{{formatFullDate(i.grantDate)}}</view>
      </view>
      <view class="myBountyConIMgLeft">
        <view class="myBountyConLeft">
          <img class="nan1" :src="i.jobSeekerGender===1?nan:nv" alt />
          <view class="myBountyConLeftName">
            <view class="myBountyConLeftName1">
              {{i.jobSeekerName}}
              <text class="myBountyConLeftName2">{{i.postName}}</text>
            </view>
            <view class="myBountyConLeftName3">{{i.jobSeekerPhone}}</view>
          </view>
        </view>
        <view>
          <img class="shang" src="../../static/shang.png" alt />
          <text class="shangNum">{{i.moneyCount}}</text>
        </view>
      </view>
      <view class="myBountyBottom">{{i.grandReason}}</view>
    </view>
    <view v-if="deliverRecordVOList.length===0" class="meiyouBox">
      <view class="meiyou">
        <img style="width:200px;height:200px" src="../../static/meiyou.png" alt />
        <view>暂时还没有记录</view>
      </view>
    </view>
  </view>
</template>

<script>
import { formatFullDate } from '@/utils/tools.js'
export default {
  data() {
    return {
      nan: require("../../static/nan1.png"),
      nv: require("../../static/nv1.png"),
      deliverRecordVOList: [],
      moneyCount: 0
    };
  },
  onLoad(e) {
    console.log("ee", e);
    this.moneyCount = JSON.parse(e.myBounty).moneyCount;
    this.deliverRecordVOList = JSON.parse(e.myBounty).deliverRecordVOList;
    console.log("this.deliverRecordVOList", this.deliverRecordVOList);
  },
  methods:{formatFullDate},
};
</script>

<style lang="scss">
@import "../../../styles/styles.scss";
@import "./index.scss";
</style>